<template>
	<view class="identity-content">
		<view class="prompt-row">
			<text>拍摄您本人人脸，请确保正对手机，光线充足</text>
		</view>
		<view class="head-img">
			<image src="@/static/img/identity/head.png" alt="">
		</view>
		<view class="collect-btn-row">
			<u-button type="default" shape="circle" text="采集本人人脸" class="collect-btn" @click="collectHandle"
				hover-class="none">采集本人人脸</u-button>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			collectHandle(){
				console.log('进入采集页面');
				uni.navigateTo({
					url:'/pages/certification/collect'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.identity-content{
		min-height: calc(100vh - 88rpx);
		background: #fff;
		overflow: hidden;
		padding: 0rpx 50rpx;
		.prompt-row{
			font-size: 28rpx;
			font-weight: bold;
			color: #333333;
			text-align: center;
			margin-top: 70rpx;
		}
		.head-img{
			width: 463rpx;
			height: 333rpx;
			margin: 125rpx auto 0rpx;
			border: 1rpx solid red;
			>image{
				width: 463rpx;
				height: 333rpx;
			}
		}
		.collect-btn-row {
			margin-top: 217rpx;
			.collect-btn {
				background-color: #F4333C;
				color: #fff;
				height: 90rpx;
			}
		
			.u-hairline-border:after {
				border: none;
			}
		}
	}
</style>